.container7{
    display: none;
}
.nav7{
    width: 400px;
    height:600px;
    float: left;
    margin-left: 100px;
}
.nav7 h1{
    width: 400px;
    font-size: 35px;
    margin:340px 0 0 30%;
    animation: fadeInLeft 2s linear forwards;
    -webkit-animation: fadeInLeft 2s linear forwards;
}
.container7 ul{
    width: 400px;
    height:600px ;
    float: left;
    margin-left: 8%;
}
.container7 ul li{
    width: 122px;
    height: 140px;
    float: left;
    list-style: none;
}
.container7 ul li img{
    float: left;
    margin: 120px 0 0 -59px;
    width: 45px;
}
.container7 ul li p{
    margin: 141px 0 0 -108px;
    color: #2da8e1;
    font-size: 18px;
}
#img1{
    animation: fadeIn 1s linear forwards;
    -webkit-animation: fadeIn 1s linear forwards;
    margin-left: -133px;
}
#img2{
    opacity: 0;
    animation: fadeIn 1s linear forwards;
    -webkit-animation: fadeIn 1s linear forwards;
    -webkit-animation-delay:0.5s;
}
#img3{
    opacity: 0;
    animation: fadeIn 1s linear forwards;
    -webkit-animation: fadeIn 1s linear forwards;
    -webkit-animation-delay:0.8s;
}
#img4{
    opacity: 0;
    animation: fadeIn 1s linear forwards;
    -webkit-animation: fadeIn 1s linear forwards;
    -webkit-animation-delay:1.1s;
    margin-left: -133px;
}
#text1{
    animation: fadeIn 1s linear forwards;
    -webkit-animation: fadeIn 1s linear forwards;
    margin: 130px 0 0 -200px;
}
#text2{
    opacity: 0;
    animation: fadeIn 1s linear forwards;
    -webkit-animation: fadeIn 1s linear forwards;
    -webkit-animation-delay:0.5s;
    margin: 132px 0 0 -114px;
}
#text3{
    opacity: 0;
    animation: fadeIn 1s linear forwards;
    -webkit-animation: fadeIn 1s linear forwards;
    -webkit-animation-delay:0.8s;
    margin: 132px 0 0 -114px;
}
#text4 {
    opacity: 0;
    animation: fadeIn 1s linear forwards;
    -webkit-animation: fadeIn 1s linear forwards;
    -webkit-animation-delay: 1.1s;
    margin: 127px 0 0 -200px;
}
@media screen and (min-width: 300px) and (max-device-width: 750px){
    .nav7 {
        float: left;
        height: 0px;
    }
    .nav7 h1 {
        width: 300px;
        font-size: 24px;
        margin: -94px 0 0 -15%;
        animation: fadeInLeft 2s linear forwards;
        -webkit-animation: fadeInLeft 2s linear forwards;
        float: left;
    }
    .container7 ul {
        width: 400px;
        height: 1px;
        float: left;
        margin-left: 42%;
        margin-top: -156px;
    }
    .container7 ul li {
        width: 121px;
        height: 82px;
        float: left;
        list-style: none;
    }
    .container7 ul li img {
        float: left;
        margin: 120px 0 0 -59px;
        width: 48px;
    }
    .container7 ul li p {
        margin: 141px 0 0 -108px;
        color: #2da8e1;
        font-size: 14px;
    }
    #img1{
        animation: fadeIn 1s linear forwards;
        -webkit-animation: fadeIn 1s linear forwards;
    }
    #img2{
        opacity: 0;
        animation: fadeIn 1s linear forwards;
        -webkit-animation: fadeIn 1s linear forwards;
        -webkit-animation-delay:0.5s;
        margin-left: -133px;
    }
    #img3{
        opacity: 0;
        animation: fadeIn 1s linear forwards;
        -webkit-animation: fadeIn 1s linear forwards;
        -webkit-animation-delay:0.8s;
        margin-left: -133px;
    }
    #img4{
        opacity: 0;
        animation: fadeIn 1s linear forwards;
        -webkit-animation: fadeIn 1s linear forwards;
        -webkit-animation-delay:1.1s;
    }
    #text1{
        animation: fadeIn 1s linear forwards;
        -webkit-animation: fadeIn 1s linear forwards;
    }
    #text2{
        opacity: 0;
        animation: fadeIn 1s linear forwards;
        -webkit-animation: fadeIn 1s linear forwards;
        -webkit-animation-delay:0.5s;
        margin: 132px 0 0 -200px;
    }
    #text3{
        opacity: 0;
        animation: fadeIn 1s linear forwards;
        -webkit-animation: fadeIn 1s linear forwards;
        -webkit-animation-delay:0.8s;
        margin: 132px 0 0 -200px;
    }
    #text4 {
        opacity: 0;
        animation: fadeIn 1s linear forwards;
        -webkit-animation: fadeIn 1s linear forwards;
        -webkit-animation-delay: 1.1s;
    }
}
